pwa 入门实践-概念阐述

PWA

本文章理论部分参考于 Progressive Web Apps (PWA) 中文版 一书

定义

PWA为渐进式网络应用 ( Progressive Web Apps )的缩写,更通俗的解释即为:可以离线加载内容的一种特殊网站,为什么要叫渐进式呢,主要是由于PWA的特点,在不支持的设备上浏览时,回加载传统的网站形式,如果设备支持的话,则可以通过缓存控制等等方式来实现更快的加载,离线数据等功能的PWA 应用(网站)

优点

利用PWA技术的网站有以下优点:

  • 渐进式
  • 可以离线加载部分内容
  • 更可控的缓存机制
  • 安全性高
  • 类似原生的体验(可以在主屏幕放置入口,自定义的图标,消息推动,自定义首屏,自定义的报错提示)
  • 节省资源,以及更快的打开速度(利用缓存机制)
  • 避免了类似app的审核过程(例如苹果商店,谷歌商店)

技术要点

可以做到以上的优势,主要是由于以下几种技术

  • Service Workers
  • manifest(清单文件)

下面我们对这些关键技术点进行展开阐述